<template>
    <div>
        <p class="small">
            <i v-if="rank!=null">{{rank}}</i>
            <span>{{small}}</span>
            <span class="pdl-5">{{ smallValue }}</span>
        </p>
    </div>
</template>

<script>
    export default {
        name: "Item",
		props: {
        	rank: {
                type: String,
        		default: null
			},
			small: {
                type: String,
        		default: ""
			},
            smallValue: {
                type:String,
                default: ''
            },
		},
        data(){
            return {
            }
        },
        methods: {
        },
    }
</script>

<style scoped lang="scss">
.small{
		/*height: 32px;*/
		line-height: 32px;
		font-size: 13px;
		margin: 4px 0;
		// font-weight: bold;
		color: #606266;
		i{
			display: inline-block;
			width: 16px;
			height: 16px;
			margin-right: 4px;
			line-height: 16px;
			text-align: center;
			border-radius: 50%;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			background-color: rgba(0, 133, 208, 0.3);
			color: #0085d0;
		}
	}
    .color-blue{
        color: #216594;
    }
</style>
